<%@ page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="utf-8"%>
<%=System.currentTimeMillis()%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<html>

	<head>
		<meta charset="utf-8">
		<title>公司OKR</title>
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<link rel="stylesheet" href="../css/mui.css">
		<link rel="stylesheet" type="text/css" href="../css/app.css" />
		<link rel="stylesheet" href="../css/icons-extra.css">
	</head>

	<body>
	
	<div style="display:none;">
	<img src="logo.jpg">
	</div>
	
	
	<div id="search" class="mui-popover" style="position:fixed;">
      <!-- 查询弹出层 -->
        <form class="mui-input-group" id="findpage">
            <table>
                <tr>
                <td width="50%">
                    <div class="mui-input-row">
                        <label style="">年度：</label>
                        <input type="text"  style="width:50%; border:solid thin #eee;" class="mui-input-clear" placeholder="" value="2016">
                    </div>
                </td>
                <td>
                    <div class="mui-input-row">
                        <label style="">季度：</label>
                        <select style="width:50%">
                            <option value ="0">请选择</option>
                            <option value ="1">一季度</option>
                            <option value ="2">二季度</option>
                            <option value="3">三季度</option>
                            <option value="4">四季度</option>
                        </select>
                    </div>
                </td>
            </tr>
            
                <tr>
                    <td width="50%">
                        <div class="mui-input-row">
                            <label style="">月度：</label>
                            <select style="width:50%">
                                <option value ="0">请选择</option>
                                <option value ="1">1月</option>
                                <option value ="2">2月</option>
                                <option value="3">3月</option>
                                <option value="4">4月</option>
                                <option value="5">5月</option>
                                <option value="6">6月</option>
                                <option value="7">7月</option>
                                <option value="8">8月</option>
                                <option value="9">9月</option>
                                <option value="10">10月</option>
                                <option value="11">11月</option>
                                <option value="12">12月</option>
                            </select>
                        </div>
                    </td>
                    <td>
                        <div class="mui-input-row">
                            <label style="">状态：</label>
                            <select style="width:50%">
                                <option value ="0">请选择</option>
                                <option value ="S0">草稿</option>
                                <option value ="S1">已提报</option>
                                <option value="S2">审核通过</option>
                                <option value="S3">发布</option>
                                <option value="S4">申请结束</option>
                                <option value="S5">结束</option>
                            </select>
                        </div>
                    </td>
                </tr>
            </table>
            <div class="mui-input-row">
                <label style="width:29%;">O的定义：</label>
                <input type="text" style="width:64%; border:solid thin #eee;" class="mui-input-clear" placeholder="">
            </div>
             <div class="mui-input-row">
                <label style="width:29%;">变更原因：</label>
                <input type="text" style="width:64%; border:solid thin #eee;" class="mui-input-clear" placeholder="">
            </div>
            <div class="mui-button-row">
                <button type="button" class="mui-btn mui-btn-primary" onclick="location='index.php'">查询</button>
            </div>
        </form>
	</div>  <!--查询弹出层-->



<!--组织列表弹出层-->
<div id="orglayer" class="">
    <div style="position:relative;left:100%;width:20%">
        <img id="closebtn" style="margin-top:2%;box-shadow:0 0 20px #ccc;" src="../img/x.png">
    </div>
    <div class="mui-scroll">
        <div style="">
        	<ul class="mui-table-view mui-table-view-chevron mui-table-view-inverted">
            <li class="mui-table-view-cell">
                <a class="">
                    组织导航
                </a>
            </li>
            <li class="mui-table-view-cell">
                <a class="mui-navigate-right">
                    经营管理
                </a>
            </li>
            <li class="mui-table-view-cell">
                <a class="mui-navigate-right">
                    销售
                </a>
            </li>
            <li class="mui-table-view-cell">
                <a class="mui-navigate-right">
                    售前
                </a>
            </li>
            <li class="mui-table-view-cell">
                <a class="mui-navigate-right">
                    交付
                </a>
            </li>
            <li class="mui-table-view-cell">
                <a class="mui-navigate-right">
                    开发
                </a>
            </li>
            
            <li class="mui-table-view-cell">
                <a class="mui-navigate-right">
                    测试
                </a>
            </li>
            
        </ul>
        </div>                
    </div>
</div>
<!--组织列表弹出层-->


	
	
		<header class="mui-bar mui-bar-nav">
			<a id="orgbtn" class="mui-icon mui-icon-contact mui-pull-left" style="line-height: 26px;font-size: 20px;color:#007aff;"><span style="font-size: 17px;color:#007aff;">组织</span></a>
			<h1 class="mui-title">公司OKR列表</h1>
			<a href="#search" class="mui-icon mui-icon-search mui-pull-right" style="line-height: 26px;font-size: 20px;color:#007aff;"><span style="font-size: 17px;color:#007aff;">查询</span></a>
		</header>
		
		
		<div class="mui-content">
			<p id="title">经营管理</p>
			<div class="mui-card border_radius">
				<ul class="mui-table-view">
					<li class="mui-table-view-cell mui-collapse list_li">
						<a class="mui-navigate-right">总经理</a>
						<div class="mui-collapse-content">
							<ul id="bumen_name_1" class="bumen_name">
								<li><a href="../index.php">孙小梅</a></li>
								<li class="float_right"><a href="../index.php">孙小梅</a></li>
								<li><a href="../index.php">孙小梅</a></li>
								<li class="float_right"><a href="../index.php">孙小梅</a></li>
							</ul>
						</div>
					</li>
					<li class="mui-table-view-cell mui-collapse list_li">
						<a class="mui-navigate-right">副总经理</a>
						<div class="mui-collapse-content">
							<ul id="bumen_name_1" class="bumen_name">
								<li><a href="../index.php">孙小梅</a></li>
								<li class="float_right"><a href="../index.php">孙小梅</a></li>
								<li><a href="../index.php">孙小梅</a></li>
								<li class="float_right"><a href="../index.php">孙小梅</a></li>
							</ul>
						</div>
					</li>
				</ul>
			</div>
			<p id="title">销售</p>
			<div class="mui-card border_radius">
				<ul class="mui-table-view">
					<li class="mui-table-view-cell mui-collapse list_li">
						<a class="mui-navigate-right">销售总监</a>
						<div class="mui-collapse-content">
							<ul id="bumen_name_1" class="bumen_name">
								<li><a href="../index.php">孙小梅</a></li>
								<li class="float_right"><a href="../index.php">孙小梅</a></li>
								<li><a href="../index.php">孙小梅</a></li>
								<li class="float_right"><a href="../index.php">孙小梅</a></li>
							</ul>
						</div>
					</li>
					<li class="mui-table-view-cell mui-collapse list_li">
						<a class="mui-navigate-right">销售</a>
						<div class="mui-collapse-content">
							<ul id="bumen_name_1" class="bumen_name">
								<li><a href="../index.php">孙小梅</a></li>
								<li class="float_right"><a href="../index.php">孙小梅</a></li>
								<li><a href="../index.php">孙小梅</a></li>
								<li class="float_right"><a href="../index.php">孙小梅</a></li>
							</ul>
						</div>
					</li>
					<li class="mui-table-view-cell mui-collapse list_li">
						<a class="mui-navigate-right">销售助理</a>
						<div class="mui-collapse-content">
							<ul id="bumen_name_1" class="bumen_name">
								<li><a href="../index.php">孙小梅</a></li>
								<li class="float_right"><a href="../index.php">孙小梅</a></li>
								<li><a href="../index.php">孙小梅</a></li>
								<li class="float_right"><a href="../index.php">孙小梅</a></li>
							</ul>
						</div>
					</li>
				</ul>
			</div>
			<p id="title">售前</p>
			<div class="mui-card border_radius">
				<ul class="mui-table-view">
					<li class="mui-table-view-cell mui-collapse list_li">
						<a class="mui-navigate-right">售前</a>
						<div class="mui-collapse-content">
							<ul id="bumen_name_1" class="bumen_name">
								<li><a href="../index.php">孙小梅</a></li>
								<li class="float_right"><a href="../index.php">孙小梅</a></li>
								<li><a href="../index.php">孙小梅</a></li>
								<li class="float_right"><a href="../index.php">孙小梅</a></li>
							</ul>
						</div>
					</li>
				</ul>
			</div>
			<p id="title">交付</p>
			<div class="mui-card border_radius">
				<ul class="mui-table-view">
					<li class="mui-table-view-cell mui-collapse list_li">
						<a class="mui-navigate-right">交付总监</a>
						<div class="mui-collapse-content">
							<ul id="bumen_name_1" class="bumen_name">
								<li><a href="../index.php">孙小梅</a></li>
								<li class="float_right"><a href="../index.php">孙小梅</a></li>
								<li><a href="../index.php">孙小梅</a></li>
								<li class="float_right"><a href="../index.php">孙小梅</a></li>
							</ul>
						</div>
					</li>
				</ul>
			</div>
			<p id="title">开发</p>
			<div class="mui-card border_radius">
				<ul class="mui-table-view">
					<li class="mui-table-view-cell mui-collapse list_li">
						<a class="mui-navigate-right">产品经理</a>
						<div class="mui-collapse-content">
							<ul id="bumen_name_1" class="bumen_name">
								<li><a href="../index.php">孙小梅</a></li>
								<li class="float_right"><a href="../index.php">孙小梅</a></li>
								<li><a href="../index.php">孙小梅</a></li>
								<li class="float_right"><a href="../index.php">孙小梅</a></li>
							</ul>
						</div>
					</li>
					<li class="mui-table-view-cell mui-collapse list_li">
						<a class="mui-navigate-right">设计师</a>
						<div class="mui-collapse-content">
							<ul id="bumen_name_1" class="bumen_name">
								<li><a href="../index.php">孙小梅</a></li>
								<li class="float_right"><a href="../index.php">孙小梅</a></li>
								<li><a href="../index.php">孙小梅</a></li>
								<li class="float_right"><a href="../index.php">孙小梅</a></li>
							</ul>
						</div>
					</li>
					<li class="mui-table-view-cell mui-collapse list_li">
						<a class="mui-navigate-right">开发工程师</a>
						<div class="mui-collapse-content">
							<ul id="bumen_name_1" class="bumen_name">
								<li><a href="../index.php">孙小梅</a></li>
								<li class="float_right"><a href="../index.php">孙小梅</a></li>
								<li><a href="../index.php">孙小梅</a></li>
								<li class="float_right"><a href="../index.php">孙小梅</a></li>
							</ul>
						</div>
					</li>
				</ul>
			</div>
			<p id="title">测试</p>
			<div class="mui-card border_radius">
				<ul class="mui-table-view">
					<li class="mui-table-view-cell mui-collapse list_li">
						<a class="mui-navigate-right">测试经理</a>
						<div class="mui-collapse-content">
							<ul id="bumen_name_1" class="bumen_name">
								<li><a href="../index.php">孙小梅</a></li>
								<li class="float_right"><a href="../index.php">孙小梅</a></li>
								<li><a href="../index.php">孙小梅</a></li>
								<li class="float_right"><a href="../index.php">孙小梅</a></li>
							</ul>
						</div>
					</li>
					<li class="mui-table-view-cell mui-collapse list_li">
						<a class="mui-navigate-right">测试工程师</a>
						<div class="mui-collapse-content">
							<ul id="bumen_name_1" class="bumen_name">
								<li><a href="../index.php">孙小梅</a></li>
								<li class="float_right"><a href="../index.php">孙小梅</a></li>
								<li><a href="../index.php">孙小梅</a></li>
								<li class="float_right"><a href="../index.php">孙小梅</a></li>
							</ul>
						</div>
					</li>
				</ul>
			</div>
			<div style="height:10px;">&nbsp;</div>
			<hr>
			<center>
				<p>&copy; 2016 中软国际</p>
			<center>
			<div style="height:30px;">&nbsp;</div>
			
		</div>
		
		<script>
			var orglayer = document.getElementById("orglayer");
			var orgbtn = document.getElementById("orgbtn");
			var closebtn = document.getElementById("closebtn");
			orgbtn.onclick = function(){
				orglayer.className = "rhua";
			}
			
			
			closebtn.onclick = function(){
				orglayer.className = "lhua";
			}
			
			
			
		</script>
		<script src="http://cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script>
		<script src="../js/mui.js"></script>
	</body>

</html>